草庐IT

php - ImageMagick透明PNG背景

全部标签

javascript - 如何控制谷歌地图标记的不透明度

我需要根据时间将一些标记设为半透明。有没有办法控制标记的CSS不透明度?或者是否有可能可靠地找出标记的DOM元素?我使用GoogleMapsAPIv3。 最佳答案 可以使用marker.setOptions({'opacity':0.5})设置标记的不透明度 关于javascript-如何控制谷歌地图标记的不透明度,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/8802546/

javascript - 为什么 Chrome 粘贴图片时会将图片数据转换为 "image/png"mime 类型?

将JPG图片文件复制粘贴到Chrome后,分析Event.originalEvent.clipboardData中的数据,图片类型为image/png。为什么?操作系统:windows7我认为复制到剪贴板时图像不可能被转换。我试过把它粘贴到其他App上,图片可以保存为JPG。我是从网页上下载的。 最佳答案 也就是说,在native应用程序和网站之间进行尽可能丰富的交互显然是一个目标。但是浏览器需要做一些“过滤”以仅公开它知道MIME类型描述的数据-MIME类型是我们描述网络内容的方式,它是跨平台的,因此比com.apple.iWor

javascript - React js css类背景图片不可见

我在React组件中添加了一个类。CSS文件:.bg{background:url('../img/bg.jpg');border:2pxsolidblack;}React渲染方法:render(){return(HeyThis);}浏览器显示边框并加载图像,但图像不可见。截图如下:谁能告诉我我做错了什么? 最佳答案 这很可能发生,因为div.bg没有指定height。因此,它的高度正好适合文本内容。任何大小的背景图像都不会影响其父元素的大小。如果您的目标是能够看到整个图像,则需要为div.bg指定一个与原始图像的高度相匹配的hei

javascript - 背景 Canvas 与常规 Canvas 的性能

不久前,webkit(以及Safari)开始支持元素的CSSCanvas背景(来源:http://www.webkit.org/blog/176/css-canvas-drawing/)。这可以大大简化游戏和多媒体的创建,因为您不需要将Canvas标签注入(inject)DIV(例如),而只需直接挂接到DIV的背景即可。也许是这样的:vartarget=document.getElementById("gameview");varwd=target.clientWidth;varhd=target.clientHeight;varcontext=document.getCSSCanva

javascript - 混合两个音频缓冲区,使用 web Audio Api 将一个放在另一个的背景上

我想通过将一首歌曲作为另一首歌曲的背景音乐来混合两个音频源。例如,我有输入:解码这些文件的脚本:window.AudioContext=window.AudioContext||window.webkitAudioContext;varcontext=newwindow.AudioContext();varsources=[];varfiles=[];varmixed={};functionhandleFilesSelect(event){if(event.target.files.lengthi+1){readFiles(i+1,callback);}else{if(callback

javascript - JSON3 中的 Facebook xd_arbiter.php 错误

我们最近开始从facebook的xd_arbiter.php文件中收到错误,我不记得我们所做的任何更改,所以我开始认为问题出在facebook上。此错误发生在firefox14.0.1中,(chrome、safari、opera(最新版本))似乎工作正常。该项目是一个facebook连接站点,我们使用的是jsapi。我们基本上使用与facebook提供的代码相同的代码。http://developers.facebook.com/docs/guides/web/#login只有当用户在进入我们的网站之前登录到facebook时才会发生错误。在all.js文件异步加载后,我们得到这个错误

javascript - 将 Canvas 图像和 Canvas alpha 蒙版合并到 dataurl 生成的 png

给定两个像素大小相同的Canvas,其中canvas1包含任意图像(jpg、png等),canvas2包含黑色和非黑色像素。我想要实现的目标:使用第三个canvas3我想克隆canvas1并让每个黑色canvas2像素(可能包括黑色阈值)在canvas3中都是透明的我已经有了这样一个可行的解决方案:canvas3context.drawImage(canvas1,0,0);varc3img=canvas3context.getImageData(0,0,canvas3.width,canvas3.height);varc2img=canvas2context.getImageData(

javascript - 具有动态背景的 div 的最大高度和最大宽度?

我有一个代码负责裁剪图像并将其裁剪区域保存在div列表中。这些div中的每一个都代表每个裁剪后的图像。但问题是-我不希望它们太大,我希望它们具有fixed高度和宽度,例如最大100x100像素。具有工作图像裁剪功能的Codesandbox:https://codesandbox.io/s/fast-frost-0b5tt与裁剪逻辑相关的代码:constwidth=pos.w+"px";constheight=pos.h+"px";constmarginLeft=-pos.x+"px";constmarginTop=-pos.y+"px";return();您会看到图像裁剪效果很好,但是

javascript - 背景图像调整大小以适合

我试图让背景图像尽可能专业,所以我认为最好根据浏览器的大小或分辨率调整它的大小(不确定通常使用什么,但我认为浏览器大小很有意义这里)。这个想法是,如果查看器屏幕很小,则背景图像会变小,并且随着屏幕变大,图像会扩展以适应其最大尺寸。我会根据需要尝试CSS甚至Javascript(JQuery)解决方案。 最佳答案 我猜你正在寻找类似的东西:http://css-tricks.com/how-to-resizeable-background-image/ 关于javascript-背景图像调

javascript - 使用 jQuery 调整元素滚动的 CSS 不透明度

您好,我想将两个div的CSS不透明度与该元素的滚动量绑定(bind)。例如假设我有两个div:当红色div进入视口(viewport)时,其不透明度从0变为100-取决于滚动量。同样,当蓝色div进入视口(viewport)时,其不透明度从100变为0,具体取决于滚动量。我找到了这个Jquery/JavascriptOpacityanimationwithscroll-varfadeStart=100//100pxscrollorlesswillequivto1opacity,fadeUntil=200//200pxscrollormorewillequivto0opacity,fa